<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Cadastrar Projeto</title>
<link href="css/main.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="jquery/css/smoothness/jquery-ui-1.8.23.custom.css" />
<script type="text/javascript" src="jquery/js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="jquery/js/jquery-ui-1.8.23.custom.min.js"></script>
<script type="text/javascript">
	$(function(){
				$("#data_ini").datepicker();
				$("#data_fim").datepicker();
			});
			
	
	 $(function(){
                $("#tabs").tabs();
            });		
</script>
</head>

<body>
<div id="page">
  <div id="top"> <img src="images/logo.jpg" alt="SIGA Projeto" /> </div>
  <div id="content-page">
    <div id="left" class="efeito">
      <h4>Menu</h4>
      <hr />
      <ul>
        <li class="selecao" id="pag_inicio"><a href="inicio.php">Página Inicial</a></li>
        <li class="selecao" id="cad_projeto"><a href="cadproj.php">Cadastrar Projeto</a></li>
        <li class="selecao" id="pag_relatorio"><a href="listar_proj.php">Relatório de Projetos</a></li>
        <li class="selecao" id="pag_sair"><a href="#">Sair</a></li>
      </ul>
    </div>
    <div id="right">
      <h3 id="titulo_cadastrar" class="efeito">CADASTRAR PROJETOS</h3>
      <div class="efeito">
        <div class="demo"> 
          <!-- conteudo das abas -->
          <div id="tabs">
            <ul>
              <li> <a href="#tabs-1">Projeto</a> </li>
              <li> <a href="#tabs-2">Participantes</a> </li>
              <li> <a href="#tabs-3">Cronograma</a> </li>
              <li> <a href="#tabs-4">Areas</a> </li>
            </ul>
            
            <!-- aba 1 -->
            <div id="tabs-1">
            <form action="#" method="post">
              <table align="center" width="50%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td><label for="nome">Título do Projeto</label></td>
                  <td colspan="3"><input type="text" name="nome" id="nome" size="55" /></td>
                </tr>
                <tr>
                  <td><label for="data_ini">Data de Início</label></td>
                  <td><input type="text" name="data_ini" id="data_ini" size="10" /></td>
                  <td><label for="data_fim">Data de Término</label></td>
                  <td><input type="text" name="data_fim" id="data_fim" size="10" /></td>
                </tr>
                <tr>
                  <td><label for="num_cta">N° decisão do CTA</label></td>
                  <td><input type="text" name="num_cta" id="num_cta" size="10" /></td>
                  <td><label for="num_cepe">N° decisão do CEPE</label></td>
                  <td><input type="text" name="num_cepe" id="num_cepe" size="10" /></td>
                </tr>
                <tr>
                  <td><label for="linha_pes">Linha de Pesquisa</label></td>
                  <td colspan="3"><input type="text" name="linha_pes" id="linha_pes" size="55" /></td>
                </tr>
                <tr>
                  <td><label for="palavras_cha">Palavras Chave</label></td>
                  <td colspan="3"><input type="text" name="palavras_cha" id="palavras_cha" size="55" /></td>
                </tr>
                <tr>
                  <td><label for="resumo">Resumo</label></td>
                  <td colspan="3"><textarea name="resumo" id="resumo" cols="51" rows="5"></textarea></td>
                </tr>
                <tr>
                  <td><label for="introducao">Introdução</label></td>
                  <td colspan="3"><textarea name="introducao" id="introducao" cols="51" rows="5"></textarea></td>
                </tr>
                <tr>
                  <td><label for="ob_geral">Objetivo Geral</label></td>
                  <td colspan="3"><input type="text" name="ob_geral" id="ob_geral" size="55" /></td>
                </tr>
                <tr>
                  <td><label for="ob_especifico">Objetivo Específico</label></td>
                  <td colspan="3"><input type="text" name="ob_especifico" id="ob_especifico" size="55" /></td>
                </tr>
                <tr>
                  <td><label for="metodologia">Metodologia</label></td>
                  <td colspan="3"><textarea name="metodologia" id="metodologia" cols="51" rows="5"></textarea></td>
                </tr>
                <tr>
                  <td><label for="contribuicao">Contribuição</label></td>
                  <td colspan="3"><textarea name="contribuicao" id="contribuicao" cols="51" rows="5"></textarea></td>
                </tr>
                <tr>
                  <td><label for="carga_horario">Carga Horária</label></td>
                  <td><input type="text" name="carga_horario" id="carga_horario" size="12" /></td>
                  <td></td>
                  <td></td>
                </tr>
              </table>
              </div>
              <!-- fim da aba 1 --> 
              
              <!-- aba 2 -->
              <div id="tabs-2">
                <p> formulario dos participantes</p>
              </div>
              <!-- fim da aba 2 --> 
              
              <!-- aba 3 -->
              <div id="tabs-3">
                <p> cronograma do projeto</p>
              </div>
              <!-- fim da aba 3 --> 
              
              <!-- aba 4 -->
              <div id="tabs-4">
              <p> areas do projeto</p>
              <hr />
              <input type="submit" value="Enviar" />
              <input type="reset" value="Limpar" />
            </form>
          </div>
          <!-- fim da aba 4 --> 
          
        </div>
      </div>
      <!-- End demo --> 
      
    </div>
  </div>
</div>
<footer> 2013 Universidade Federal Rural de Pernambuco. Todos os direitos reservados. </footer>
</div>
</body>
</html>